import React, { Component } from 'react'
import { ImageView } from '../../components'
import { Image, Space } from 'antd-mobile'
/**
 * 1. 图片进入可是区域才加载  滚动监听 onScroll事件
 * 2. 图片如果太大，加载不出来，要给他占位图 promise 单张图片
 * 3. 图片要是加载错误 判断错误
 *
 * <img src="1.png" data-img="真实src" /> 进入视图 --- 加载
 * <Image width={100} height={200} lazy src="1.png" />
 *
 */

const LoadImg = () => {
  return (
    <div>
      <Image lazy src={''} width={100} height={100} />
      {/* <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} />
      <ImageView src={'https://www.robohash.org/2'} /> */}
    </div>
  )
}

export default LoadImg
